<template>
    <div class="mybar">
        <h6>{{title}}</h6>
        <slot name="one">
            <button>提交</button>
        </slot>
        <slot name="two">111</slot>
        <slot :user="user"></slot>
    </div>
</template>

<script>
    export default {
        name: "MyBar",
        data() {
            return {
                title: "t111",
                user: {name: 'eduwork'}
            }
        }
    }
</script>

<style scoped>
    .mybar {
        /*float: left;*/
        width: 80%;
        height: 20%;
        margin: 10px;
        background: blueviolet;
    }
</style>